<script src="/plugins/layout/front/js/front_menu.js"></script>

<div id="front_menu_data">
    <ul>

        <li routerLink="/console/index"
            [hidden]="!currentUser.isPermissionOfRoleEdit()&&!currentUser.isPermissionOfUserEdit()">
            <div class="data menuOne"><span class="title">首页</span></div>
        </li>


        <!--<li>-->
            <!--<div class="data menuOne"><span class="coin fa fa-caret-up"></span><span class="title">学分卡</span></div>-->
            <!--<ul>-->
                <!--<li routerLink="/console/recordList">-->
                    <!--<div class="data menuTwo"><span class="coin fa fa-th-list"></span><span class="title">记录列表</span>-->
                    <!--</div>-->
                <!--</li>-->
            <!--</ul>-->
            <!--<ul>-->
                <!--<li routerLink="/console/qrcodeTime">-->
                    <!--<div class="data menuTwo"><span class="coin fa fa-qrcode"></span><span class="title">二维码时效</span>-->
                    <!--</div>-->
                <!--</li>-->
            <!--</ul>-->
        <!--</li>-->




        <li [hidden]="!currentUser.isPermissionOfRoleEdit()&&!currentUser.isPermissionOfUserEdit()">
            <div class="data menuOne"><span class="coin fa fa-caret-up"></span><span class="title">系统管理</span></div>
            <ul>
                <li routerLink="/console/user/list" [hidden]="!currentUser.isPermissionOfUserEdit()">
                    <div class="data menuTwo"><span class="coin fa fa-user"></span><span class="title">用户管理</span>
                    </div>
                </li>
                <li routerLink="/console/role/list" [hidden]="!currentUser.isPermissionOfRoleEdit()">
                    <div class="data menuTwo"><span class="coin fa fa-user-secret"></span><span
                            class="title">角色管理</span>
                    </div>
                </li>
                <!--<li routerLink="/console/dataMigration" [hidden]="!currentUser.isPermissionOfUserEdit()">-->
                <!--<div class="data menuTwo"><span class="coin fa fa-user-secret"></span><span-->
                <!--class="title">数据迁移</span>-->
                <!--</div>-->
                <!--</li>-->
            </ul>
        </li>
    </ul>
</div>


<style type="text/css">
    #front_menu_data {
        background-color: #293038;;
        color: white;
        font-family: "Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", STHeiti, "Microsoft YaHei";
        font-size: 12px;
        height: 100%;
        width: 215px;
    }

    #front_menu_data ul {
        padding: 0px;
        list-style-type: none;
    }

    #front_menu_data > ul > li > .data {
        width: 100%;
        height: 40px;
        line-height: 40px;
        background-color: #22282E;
        border-bottom: 1px solid #333333;
        padding-left: 10px;
        padding-right: 15px;
    }

    #front_menu_data > ul > li > .data > .coin {
        float: right;
        height: 40px;
        line-height: 40px;
        margin-right: 0px !important;
    }

    #front_menu_data > ul > li > ul > li > .data {
        height: 40px;
        line-height: 40px;
        padding-left: 10px;
        border-bottom: 1px solid #333333;
    }

    #front_menu_data .coin {
        margin-right: 10px;
        font-size: 12px;
    }

    #front_menu_data {
        /*width: 201px;*/
        width: 215px;
        border-right: 1px solid black;
        height: 100%;
        overflow-y: scroll;
        cursor: pointer;
    }

    #front_menu_data .fa {
        width: 14px;
    }
</style>
